import { Card, Space } from 'gratify-ui';
import React from 'react';

export default () => {
  return (
    <Space direction="vertical" size="middle" style={{ display: 'flex' }}>
      <Card title="普通卡片" extra={<a href="#">More</a>}>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </Card>
      <Card title="小尺寸卡片" size="small" extra={<a href="#">More</a>}>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </Card>
      <Card>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </Card>
    </Space>
  );
};
